<template>
  <div id="app">
    <div >
      <div class="row clearfix">
<!--        <div class="col-md-10 column">-->
          <div >
            <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
              <el-menu-item index="0"><router-link to="/"><img src="./assets/img/logo.jpg" width="50" height="50"></router-link></el-menu-item>
              <el-menu-item index="1"><router-link to="/">首页</router-link></el-menu-item>
              <el-menu-item index="3"><router-link to="/news">新闻资讯</router-link></el-menu-item>
              <el-menu-item index="4" ><router-link to="/product">产品展示</router-link></el-menu-item>
              <el-menu-item index="5" >客户服务</el-menu-item>
              <el-menu-item index="6" >人才招聘</el-menu-item>
              <el-menu-item index="7" >联系我们</el-menu-item>
              <el-menu-item index="8" >网站地图</el-menu-item>
            </el-menu>
<!--          </div>-->
        </div>
      </div>
    </div>

    <Header/>
<!--  <Home/>-->

  </div>
</template>

<script>
import Header from './components/Header'
import Home from './components/Home'
export default {
  name: 'App',
  components: {
    Header,
    Home
  },
  data () {
    return{
      activeIndex: '1',
      activeIndex2: '1',
      banH:300,
    }
  },
  methods: {
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    }
  }
}
</script>

<style>

</style>
